import router from '@/router'
import store from '@/store'
import axios from 'axios'
import { Message } from 'element-ui'
import { getTimestamp } from './auth'

// 创建一个axios实例
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, // 基地址
  // withCredentials: true, // send cookies when cross-domain requests
  timeout: 5000 // 请求超时时间
})
const timeout = 3600
// 添加请求拦截器
service.interceptors.request.use(
  async function(config) {
    // 如果仓库里有token，证明已经登录了，此时，每次发起请求时，在请求拦截器里携带token,其他地方就不需要再写token了
    // console.log(config)
    if (store.getters.token) {
      // 有token,检查token的有效期
      const timestamp = getTimestamp
      const current = Date.now()
      const time = (current - timestamp) / 1000
      // 判断是否超时
      if (time >= timeout) {
        // token过期，就要登出
        await store.dispatch('user/logout')
        // 提示token过期
        Message.error('登录状态过期！请重新登录！')
        // 打回登录页
        router.push('/login')
        return
      }
      config.headers['Authorization'] = `Bearer ${store.getters.token}`
    }

    return config
  },
  function(error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

// 添加响应拦截器
service.interceptors.response.use(
  function(response) {
    // 对响应数据做点什么
    const res = response.data
    // 不管成功与否，服务器都会正常返回
    if (res.success) {
      return res
    } else {
      // 请求失败，提示出失败原因
      Message.error(res.message)
      // 让代码报错
      return Promise.reject(res.message)
    }
  },
  function(error) {
    // 对响应错误做点什么
    // error要接口报错，没有正常返回才会进到error
    console.dir(error)
    if (error.response.data.code === 10002) {
      // 这里证明token已经失效了，
      // 删除token和用户信息，跳转登录页

      store.dispatch('user/logout')
      Message.error('身份验证已过期，请重新登录')
      router.push('/login')
      return
    }
    return Promise.reject(error)
  }
)

export default service
